<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户名密码错误</title>
  <link rel="stylesheet" href="CSS/error.css">
  <link rel="stylesheet" href="layui-v2.8.0/layui/css/layui.css">
  <style>
    .layui-row{
      height: 50px;
      background-color: rgba(255,255,255,0.8);
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .nav img{
      width: 35px;
      height: 35px;
      margin-left: 10px;
      margin-right: 5px;
      /*设置圆角矩形 让头像变圆*/
      border-radius: 50%;

    }

  </style>
</head>
<body>
<!--导航栏-->
<div class="nav">

  <div class="layui-row">
    <div class="layui-col-md7">
      <div class="grid-demo grid-demo-bg1">
        <div>
          <img src="images/logo.png" alt="">
          <span>个人博客系统</span>
        </div>
      </div>
    </div>
    <div class="layui-col-md1">
      <div class="grid-demo grid-demo-bg1">
        <img src="images/user.png" alt="">
        <span>未登录</span>
      </div>
    </div>
    <div class="layui-col-md1">
      <div class="grid-demo grid-demo-bg1">
        <a href="blogList.html">
          <img src="images/collect.png" alt="">
          <span>博客列表</span>
        </a>
      </div>
    </div>

    <div class="layui-col-md1">
      <div class="grid-demo grid-demo-bg1">
        <a href="blogEdit.html">
          <img src="images/write.png" alt="">
          <span>发布博客</span>
        </a>
      </div>
    </div>

    <div class="layui-col-md1">
      <div class="grid-demo grid-demo-bg1">
        <a href="login.html">
          <img src="images/login.png" alt="">
          <span>登录</span>
        </a>
      </div>
    </div>
    <div class="layui-col-md1">
      <div class="grid-demo grid-demo-bg1">
        <a href="register.html">
          <img src="images/register.png" alt="">
          <span>注册</span>
        </a>
      </div>
    </div>
  </div>
</div>

<div class="container">
  <img src="images/error.png" alt="">
</div>

</body>
</html>